<template>
	<div>
		<div class="where">
			<div class="where_title">
				周末去哪
			</div>
			<div class="where_content">
				<div class="where_content_box" v-for="item in weekendList">
					<p><img :src="item.imgUrl" alt="" /></p>
					<p>{{item.title}}</p>
					<p>{{item.desc}}</p>
				</div>

				
				
				
			</div>
		</div>
	</div>
</template>

<script>
	
	export default{
		props:['weekendList']
	}
	
	
</script>

<style scoped="scoped">
	
	
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	
	.where{
		width: 100%;
		background: #ECECFF;
	}
	.where .where_title{
		width: 100%;
		height: .8rem;
		display: flex;
		padding: 0 .2rem;
		align-items: center;
		color: #000;
		font-size: .3rem;
	}
	.where .where_content{
		width: 100%;
		background: #fff;
	}
	.where .where_content .where_content_box p:nth-child(1) img{
		width: 100%;
		height: 2.8rem;
	}
	.where .where_content .where_content_box p:nth-child(2){
		font-size: .25rem;
		margin-top: .3rem;
		padding: 0 .2rem;
	}
	.where .where_content .where_content_box p:nth-child(3){
		font-size: .2rem;
		color: #616161;
		margin-top: .2rem;
		padding: 0 .2rem;
		margin-bottom: .3rem;
	}
	
</style>